
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title></title>

	<link rel="stylesheet" href="/res/css/amazeui.min.css">
	<link rel="stylesheet" href="/res/css/admin.css">
	<style>
		.admin-main{
			padding-top: 0px;
		}
	</style>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.2.1/echarts.min.js"></script>
</head>
<body>

<div class="am-cf admin-main">
	<!-- content start -->
	<div class="admin-content">
		<div class="admin-content-body">
			<div class="am-g">


				<div id="main" style="width: 100%;height:400px; align-content: center; margin-top: 5%;">

				</div>

			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title : {
            text: '在校表现与是否就业关联度',
            subtext: '依据系统收集数据',
            x:'center'
        },
        tooltip : {
            formatter: "{a} <br/>{b} : {c}%"
        },
        toolbox: {
            feature: {
                restore: {},
                saveAsImage: {}
            }
        },
        series: [
            {
                name: '关联指标',
                type: 'gauge',
                detail: {formatter:'{value}%'},
                data: [{value: [[${data}]], name: '在校表现与就业关联度'}]
            }
        ]
    };


    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>
</html>
